<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>我的购物车</title>
    <meta name="keywords"
          content="本地生活外卖极速达(www.huju168.com)-虎居本地生活,网上商城,虎居以泛农业 餐饮 本地生活  产品B端门店就近30分钟送到达C端,S端供应链产地直发。为供应+新零售数字化赋能">
    <meta name="description"
          content="本地生活外卖极速达(www.huju168.com)-虎居本地生活,网上商城,虎居以泛农业 餐饮 本地生活  产品B端门店就近30分钟送到达C端,S端供应链产地直发。为供应+新零售数字化赋能">
    <link th:href="@{/css/list.css}" rel="stylesheet" 0="app\assets\AppAsset">
    <link type="text/css" rel="stylesheet" th:href="@{/css/style.css}" />
    <!--    <link th:href="@{/css/order.css}" rel="stylesheet" 0="app\assets\AppAsset">-->
    <!--    <link th:href="@{/css/perfect-scrollbar.min.css}" rel="stylesheet" 0="app\assets\AppAsset">-->
    <link th:href="@{/css/iconfont.css}" rel="stylesheet" 0="app\assets\AppAsset">
    <link th:href="@{/css/site-base.css}" rel="stylesheet" 0="app\assets\AppAsset">
    <link th:href="@{/css/main.css}" rel="stylesheet" 0="app\assets\AppAsset">
    <link th:href="@{/css/process.css}" rel="stylesheet" 0="app\assets\AppAsset">
    <!--    <link rel="shortcut icon" href="/shop_pc/images/favicon.ico">-->
    <script language="JavaScript" th:src="@{/js/jquery-1.10.2.min.js}"></script>
    <script language="JavaScript" th:src="@{/js/superslide.js}"></script>
    <script language="JavaScript" th:src="@{/js/scroll_city.js}"></script>
    <script language="JavaScript" th:src="@{/js/main.js}"></script>
    <script language="JavaScript" th:src="@{/js/layer.js}"></script>
    <script language="JavaScript" th:src="@{/js/wow.min.js}"></script>
    <script language="JavaScript" th:src="@{/js/template.js}"></script>
    <script language="JavaScript" th:src="@{/js/jquery.cookie.js}"></script>
    <script language="JavaScript" th:src="@{/js/function.js}"></script>
</head>
<body>
<!--header-->
<div class="header">
    <div class="w1180">
        <ul class="fl">
            <li>
                <a href="/">虎居首页</a>
            </li>
            <li class="hoverClick site-up top-site-up">
            </li>
            <li class="hoverClick">
                <a class="app-down">
                    <i class="iconfont">&#xe602;</i>
                    手机虎居
                </a>
                <div class="app-up hoverOpen">
                    <img alt="虎居网 下载虎居APP-外卖极速达平台" th:src="@{/picture/app.png}"/>
                </div>
            </li>
            <li class="hoverClick">
                <a class="app-down">
                    <i class="iconfont wx">&#xe603;</i>
                    微信公众号
                </a>
                <div class="app-up hoverOpen">
                    <img alt="虎居网 微信公众号-外卖极速达平台" th:src="@{/picture/vipcn.jpg}"/>
                </div>
            </li>
            <li>
                <a>
                    全国热线：
                    <b class="org">
                        400-9028-521
                    </b>
                </a>
            </li>
        </ul>
        <ul class="fr">

            <li>
                <span style="color: #fc7e31;" th:text="${session.user!=null?'亲，'+session.user.getEuUserName()+'欢迎回来！':'请先登录'}"></span>
            </li>


            <li th:if="${session.user==null}">
                <a th:href="@{/user/tologin}" rel="nofollow">
                    登录
                </a>
            </li>
            <li th:if="${session.user!=null}">
                <a th:href="@{/user/tologin}" rel="nofollow">
                    切换账号
                </a>
            </li>
            <li>
                <a th:href="@{/user/to_reg}" rel="nofollow">
                    注册
                </a>
            </li>
            <li>
                <a th:href="@{/cart/tocart}" target="_blank" rel="nofollow">
                    <i class="cart_icon"></i>
                    购物车
                    <span th:if="${session.car==null}" class="org"th:text="'(0)件'"></span>
                    <span th:if="${session.car!=null}" class="org"th:text="${'('+session.car.size()+')'}"></span>件

                </a>
            </li>
            <li class="hoverClick">
                <a class="border" target="_blank" title="我的虎居" href="/member" rel="nofollow">
                    我的虎居
                    <i class="iconfont up">&#xe608;</i>
                </a>
                <div class="serve-up hoverOpen">
                    <ul>
                        <li>
                            <a target="_blank" title="待付款订单" href="/myorder/pending-payment" rel="nofollow">待付款订单</a>
                        </li>
                        <li>
                            <a target="_blank" title="我的优惠券" href="/wallet/coupon" rel="nofollow">我的优惠券</a>
                        </li>
                        <li>
                            <a target="_blank" title="我的关注" href="/follow/goods" rel="nofollow">我的关注</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a target="_blank" title="商家登录" class="border" href="https://seller.huju168.com" rel="nofollow">
                    商家登录
                </a>
            </li>
            <li class="hoverClick">
                <a class="border" target="_blank" title="关于我们" rel="nofollow" href="/help-1264-1.html">
                    关于我们
                    <i class="iconfont up">&#xe608;</i>
                </a>
                <div class="serve-up hoverOpen">
                    <ul>
                        <li>
                            <a target="_blank" title="关于我们" rel="nofollow" href="/help-1264-1.html">关于我们</a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
</div>

<!--header-->
<div class="cart_header">
    <div class="w1190">
        <div class="logo">
            <a title="外卖新鲜极速送—上虎居网上商城" href="/">
                <img alt="外卖新鲜极速送—上虎居网上商城" th:src="@{/picture/logo.png}" style="margin-left: -427px">
            </a>
            <h2 title="购买新鲜-上虎居网上商城直卖网" style="margin-left: 150px;margin-top: -50px;">购物车</h2>
        </div>
        <div class="fr">
            <div class="search-main">
                <!--	搜索框-->
                <div class="search-box" th:include="search::search-frm"></div>
                <script type="text/javascript">
                    $(document).on('keyup', '.search-box', function (event) {
                        if (event.keyCode == 13) {
                            $('#search-goods').trigger('click');
                        }
                    });

                    /**
                     * @param type 查询类型
                     * @return mixed
                     * */
                    function searchFun(type) {

                        if (isRealNum($('#search-value').val())) {
                            window.location.href = "/goods-" + $('#search-value').val() + ".html";
                        } else {
                            window.location.href = "/search-" + $('#search-value').val() + ".html";
                        }
                    }

                    function isRealNum(val) {
                        if (val === "" || val == null) {
                            return false;
                        }
                        if (!isNaN(val)) {
                            return true;
                        } else {
                            return false;
                        }
                    }
                </script>

            </div>
        </div>
    </div>
</div>

<!-- 没有登录 -->
<div class="clear checkbox_all" style="width: 1190px; margin: 0 auto 70px;" th:if="${session.user==null}">
    <div class="shopping_cart_not">
        <div style="width: 170px;margin-left: 330px;margin-top: 104px;">
            <img th:src="@{/picture/img.jpg}"/>
        </div>
        <div style="margin-left: 512px;margin-top: -88px;">
            <strong>购物车是空的</strong>
            <p>登陆后将显示之前加入购物车的商品</p>
        </div>
    </div>
</div>

<!--登录后的-->
<div class="wrap" th:if="${session.user!=null}">
    <div id="shopping">
        <form th:action="@{/cart/order}" method="post">
            <table>
                <tr>
                    <th width="584">商品名称</th>
                    <th width="136">商品价格</th>
                    <th width="161">购买数量</th>
                    <th width="59">操作</th>
                </tr>
                <tr id="product_id_1" th:each="pro:${session.car}">
                    <td class="thumb"><img th:src="@{'/picture/'+${pro.epFileName}}" />
                        <a href="product-view.html" th:text="${pro.epName}"></a></td>
                    <td class="price" id="price_id_1" th:id="${'price_id_'+pro.epId}">
                    <span th:text="'￥'+${pro.count==0 ? pro.epPrice : pro.amount}"></span>

                        <input type="hidden" th:value="${pro.epPrice}" />
                    </td>
                    <td class="number">
                        <dl>
                            <dd th:onclick="reloadPrice([[${pro.epId}]],true,[[${pro.epStock}]]);">+</dd>
                            <dt><input th:id="${'number_id_'+pro.epId}" type="text" name="count" th:value="${pro.count}" disabled="disabled"/></dt>
                            <dd th:onclick="reloadPrice([[${pro.epId}]],false,[[${pro.epStock}]])">-</dd>
                        </dl>
                    </td>
                    <td class="delete"><a href="javascript:delShopping(1);">删除</a></td>
                </tr>
            </table>
            <div class="button"><input type="submit" value="" /></div>
        </form>
    </div>
    <script type="text/javascript">
    </script>
</div>


<!-- footer -->
<div class="footer">
    <div class="footer-new-top">
        <div class="w1180">
            <ul class="service-list">
                <li>
                    <i class="icon-1"></i>
                    <strong>权威可信</strong>
                    <p>商家经过严格实名认证</p>
                </li>
                <li>
                    <i class="icon-2"></i>
                    <strong>就近购买</strong>
                    <p>优先展示附近商家</p>
                </li>
                <li>
                    <i class="icon-3"></i>
                    <strong>线下体验</strong>
                    <p>全国数十万家体验店</p>
                </li>
                <li>
                    <i class="icon-4"></i>
                    <strong>商品直卖</strong>
                    <p>厂家直卖用户无中间商</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer-new-con">
        <div class="w1180">
            <div class="help-list">
                <div class="tel">
                    <em>全国客服热线</em>
                    <strong>400-9028-521</strong>
                    <!--<span>028-67100877</span>
                    <p>
                        周一至周日 0:00-24:00<br>
                        免费咨询(咨询、建议、投诉)
                    </p>-->
                </div>
                <dl>
                    <dt>新手指南</dt>
                    <dd><a target="_blank" rel="nofollow" title="隐私保护" href="/help-1513-1.html">隐私保护</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="注册引导" href="/help-1017-1.html">注册引导</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="购物流程" href="/help-6512-1.html">购物流程</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="常见问题" href="/help-3845-1.html">常见问题</a></dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd><a target="_blank" rel="nofollow" title="发展历程" href="/help-4441-1.html">发展历程</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="虎居招聘" href="/help-8791-1.html">虎居招聘</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="联系我们" href="/help-4206-1.html">联系我们</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="平台简介" href="/help-1264-1.html">平台简介</a></dd>
                </dl>
                <dl>
                    <dt>服务保障</dt>
                    <dd><a target="_blank" rel="nofollow" title="正品保障" href="/help-4356-1.html">正品保障</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="7天无理由退换货" href="/help-4438-1.html">7天无理由退换货</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="退货退款" href="/help-4434-1.html">退货退款</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="纠纷处理" href="/help-1257-1.html">纠纷处理</a></dd>
                </dl>
                <dl>
                    <dt>加入我们</dt>
                    <dd><a target="_blank" rel="nofollow" title="操作引导" href="/help-4448-1.html">操作引导</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="农业资讯" href="https://www.huju168.com/zixun">农业资讯</a>
                    </dd>
                    <dd><a target="_blank" rel="nofollow" title="登录入口" href="/help-1276-1.html">登录入口</a></dd>
                </dl>

                <div class="qr-code">
                    <div class="code_img">
                        <img alt="虎居网 关注微信公众号-外卖极速达平台" th:src="@{/picture/vipcn.jpg}"/>
                        <p>关注微信公众号</p>
                    </div>
                    <div class="qr-item">
                        <img alt="虎居网 下载虎居APP-外卖极速达平台" th:src="@{/picture/app.png}"/>
                        <p>下载虎居APP</p>
                    </div>
                </div>
            </div>

            <div class="copyright_links">
                <a target="_blank" href="/register-info.html">
                    注册协议
                </a>
                <span class="spacer"></span>
                <a class="p-kefu" onclick="openZoosUrl('chatwin');">
                    联系客服
                </a>
                <span class="spacer"></span>
                <a target="_blank" title="全部分类" href="/class.html">
                    全部分类
                </a>
                <span class="spacer"></span>
                <a target="_blank" title="站点地图" href="/map.html">
                    站点地图
                </a>
                <span class="spacer"></span>
                <a rel="nofollow" target="_blank" title="APP下载" href="/download">
                    APP下载
                </a>
                <a style="display: none;" target="_blank" title="sitemap" href="/sitemap.xml">
                    sitemap
                </a>
            </div>
            <p class="copyright">版权所有 copyright 2017-2022 <a href="https://www.huju168.com/" title="虎居网上商城">四川蓝海农夫数字科技有限公司</a>
                (400028521) </p>
            <p class="copyright">
                <a class="beian" rel="nofollow" target="_blank"
                   href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51019002001684">
                    <!--                <img th:src="@{/picture/d7086c91343e441292e979e99d490074.gif}"/>&nbsp;-->
                    <span>川公网安备 51019002001684号</span>
                </a>
                <span
                        class="spacer"></span><a target="_blank" href="http://www.miibeian.gov.cn" rel="nofollow">网站备案/许可证号：蜀ICP备18008634号-1</a>
                <span class="spacer"></span> <a target="_blank" href="/edi.html" rel="nofollow">经营许可证：川B2-20180361</a>
            </p></div>
    </div>
</div>

<script id="areasListTmp" type="text/html">
    <a class="site border">
        <span class="poitionCity"><%:=cityName%></span>
        <%if(data['common_areas'].length>0){%>
        <span class="org">[切换城市]</span>
        <%}%>
    </a>

    <%if(data['common_areas'].length>0){%>
    <div class="site-up dorpdown-layer hoverOpen">
        <div class="ui-areamini-content-wrap" id="ui-content-wrap">
            <%if(data['hot_areas'].length>0){%>
            <div class="hot">
                <%for(var i=0;i< data['hot_areas'].length;i++){%>
                <a rel="nofollow"
                   href="/site/switch-city?city= <%:=data['hot_areas'][i]['name']%> &adcode= <%:=data['hot_areas'][i]['adcode']%> &loginUrl= <%:=loginUrl%>"
                <%if(data['hot_areas'][i]['name'] == cityName){%>
                style="background: #ff0000; color: #fff;"
                <%}%>
                <%:=data['hot_areas'][i]['name']%> >
                </a>
                <%}%>
            </div>
            <%}%>

            <%if(data['common_areas'].length>0){%>
            <div class="search-first-letter">
                <a data-letter="A">A</a>
                <a data-letter="B">B</a>
                <a data-letter="C">C</a>
                <a data-letter="D">D</a>
                <a data-letter="E">E</a>
                <a data-letter="F">F</a>
                <a data-letter="G">G</a>
                <a data-letter="H">H</a>
                <a data-letter="J">J</a>
                <a data-letter="K">K</a>
                <a data-letter="L">L</a>
                <a data-letter="M">M</a>
                <a data-letter="N">N</a>
                <a data-letter="P">P</a>
                <a data-letter="Q">Q</a>
                <a data-letter="R">R</a>
                <a data-letter="S">S</a>
                <a data-letter="T">T</a>
                <a data-letter="W">W</a>
                <a data-letter="X">X</a>
                <a data-letter="Y">Y</a>
                <a data-letter="Z">Z</a>
            </div>

            <div class="scrollBody" id="scrollBody">
                <div class="all-list" id="scrollMap">
                    <ul id="ul">
                        <%for(var i=0;i < data['common_areas'].length;i++){%>
                        <li data-id="<%:=i+1%>" data-name="<%:=data['common_areas'][i]['initial']%>">
                            <em><%:=data['common_areas'][i]['initial']%></em>
                            <div class="itme-city">
                                <%if(data['common_areas'][i]['areass'].length>0){%>
                                <%for(var j=0;j < data['common_areas'][i]['areass'].length;j++){%>
                                <a rel="nofollow"
                                   href="/site/switch-city?city=<%:=data['common_areas'][i]['areass'][j]['name']%>&adcode=<%:=data['common_areas'][i]['areass'][j]['adcode']%>&loginUrl=<%:=loginUrl%>"
                                   class="<%if(data['common_areas'][i]['areass'][j]['name'] == cityName){%>city_selected<%}%>"><%:=data['common_areas'][i]['areass'][j]['name']%></a>
                                <%}%>
                                <%}%>
                            </div>
                        </li>
                        <%}%>
                    </ul>
                </div>
                <div class="scrollBar" id="scrollBar">
                    <p id="city_bar"></p>
                </div>
                <input name="area_phpName" type="hidden" id="phpName">
            </div>
            <%}%>
        </div>
    </div>
    <%}%>
</script>

<!--<script th:src="@{/js/perfect-scrollbar.min.js}" 0="app\assets\AppAsset"></script>-->
<script th:src="@{/js/checkfunction.js}" 0="app\assets\AppAsset"></script>
<script th:src="@{/js/list.js}" 0="app\assets\AppAsset"></script>
<!--<script th:src="@{/js/orders.js}" 0="app\assets\AppAsset"></script>-->
<!--<script language="javascript" th:src="@{/js/lsjs.js}"></script>-->
<script type="text/javascript">
    $(function () {
        // getAreasListFun();
//        $(".dorpdown-layer").jScroll();
    });

    function openWin(obj) {

        var where_goods = "";
        if ($(obj).attr('goods_id')) {
            where_goods = '&goods_id=' + $(obj).attr('goods_id');
        }

        var where_seller = "";
        if ($(obj).attr('ru_id')) {
            where_seller = '&ru_id=' + $(obj).attr('ru_id');
        }

        if ($(obj).attr('IM_type') != 'dsc') {
            var where = where_goods + where_seller;
        } else {
            var where = '';
        }
        var url = 'online.php?act=service' + where                   //转向网页的地址;
        var name = 'webcall';                         //网页名称，可为空;
        var iWidth = 700;                          //弹出窗口的宽度;
        var iHeight = 500;                         //弹出窗口的高度;
        //获得窗口的垂直位置
        var iTop = (window.screen.availHeight - 30 - iHeight) / 2;
        //获得窗口的水平位置
        var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
        window.open(url, name, 'height=' + iHeight + ',,innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no');
    }
</script>

<!-- 百度统计  -->
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js}?ae46b3aea45eeb954b1d527fc7792211";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

</body>
</html>
